<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="html" uri="/WEB-INF/struts-html.tld" %>
<%
String path = request.getContextPath();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-cn">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">

    <title>长生桥垃圾填埋场督办管理系统</title>

    <!-- Bootstrap core CSS -->
    <link href="<%=path%>/css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <link href="<%=path%>/css/main.css" rel="stylesheet">
    <script src="<%=path%>/js/jquery-1.10.2.js"></script>
    <script src="<%=path%>/js/jquery-ui-1.10.4.custom.min.js"></script>
    <style>  
        .cvdiv {  
        position: absolute;  
        width: 600px;  
        height: 500px;  
        left: 50%;  
        top: 50%;  
        margin-left: -300px;  
        margin-top: -200px;  
        }  
        .cvdiv2 {  
        position: absolute;  
        width: 580px;  
        height: 480px;  
        left: 50%;  
        top: 50%;  
        margin-left: -283px;  
        margin-top: -300px; align-content: center;vertical-align: middle;
        }  
      </style>  
  </head>

  <body> 
    <html:form action="/login.do?method=login" method="post">  
       <div class="ui-corner-all cvdiv2" >
           <div id="tabs">
               <b>长生桥垃圾填埋场督办管理系统</b>
           
            <div  style="height:450px;" >
                <table width="100%" height="100%"  align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><img src="<%=path%>/img/bkg.jpg" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td align="center" valign="middle">
                            <table cellpadding="2" cellspacing="2">
                                <tr>
                                    <td align="left"><b>用户名</b></td>
                                    <td><html:text name="userForm" property="user_name"></html:text></td>
                                </tr>
                                <tr>
                                    <td align="left"><b>密码</b></td>
                                    <td><html:password name="userForm" property="user_pwd"></html:password></td>
                                </tr>
                                <tr>
                                    <td colspan="2" align="right">
                                        <button id="button" onclick="jump();">登陆</button>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                
            </div>
        </div>
       </div>
    </html:form>
  </body>
    <script>
        $(function(){
            $( "#tabs" ).tabs();
            $( "button" ).button();
        });
        function jump(){
             $("form").submit();
        }
    </script>
</html>